<style scoped>
*{/*处理边框 *代表所有*/
				margin:0px;
				padding: 0px;
				font-family: "microsoft yahei"
			}
			html,body{
				background-image: url(../../assets/img/login_bg.jpg);
				background-size: 100% 100%;
				height: 100%;
			}
			.Admin_add{
				position: absolute;
				background-color: rgba(255,255,255,.8);
				top: 10%;
				left: 60%;
				right: 10%;
				bottom: 10%;
				border-radius: 5px;
			}
			.title,.password,.adminid,.add,.errortips,.tips{
				position: absolute;
				width: 100%;
			}
		    input{
				height: 35px;
				background-color: #F2F2FA;
				border: 0px;
				border-radius: 5px;
				width: 80%;
				padding-left: 40px;
				box-sizing: border-box;
			}
			.apswd{
				background: url(../../assets/img/password_log.png) no-repeat left;
				background-color: #F2F2FA;
			}
			.aid{
				background: url(../../assets/img/user_log.png) no-repeat left;
				background-color: #F2F2FA;
			}		
			button{
				background-color: #467F16;
				height:35px;
				border:0px;
				border-radius: 5px;
				color: #FFF;
				font-size: 16px;
				width: 50%;
				
			}
			.title{
				top: 0%;
				bottom: 80%;
				text-align: center;
				font-size: 25px;
				font-weight: bold;
				padding-top: 20px;
				box-sizing: border-box;
				
			}
			.admin{
				top: 30%;
				bottom: 50%;
				left: 10%;

			}
			.password{
				top: 50%;
				bottom: 30%;
				left: 10%;
			}
			.adminid{
				top: 30%;
				bottom: 50%;
				left: 10%;
			}
			
			.add{
				left: 25%;
				top: 70%;
				bottom: 20%;
			}
			.errortips{
				top: 80%;
				bottom: 10%;
				font-size: 14px;
				color: red;
				text-align: center;
			}
			.tips{
				top: 90%;
				bottom: 0%;
				font-size: 14px;
				color: #AAAAAA;
				text-align: center;
			}
</style>

<template>
    <div class = "Admin_add">
		<div class = "title">
		家庭医生健康管理系统管理员端
		</div>
		<form action="add" method = "post">
			<div class = "password">
				<input type = "password" class = "apswd" name = "admin_pswd">
			</div>
			<div class = "adminid">
				<input type = "text" class = "aid" name = "admin_id">
			</div>
			<div class = "add">
				<button>登录</button> 
			</div>
			<div class = "errortips">
				${error}
			</div>
			<div class = "tips">
				推荐使用火狐浏览器
			</div>
		</form>
	</div>
</template>